<template>
  <div class="btn_box">
    <div class="btn" :class="{submit:isOn}" @click="$emit('clickBtn')">{{ btnText }}</div>
  </div>
</template>

<script>
export default {
  props: {
    isOn: {
      type: Boolean,
      default: false
    },
    btnText: {
      type: String,
      default: ""
    }
  },
  data() {
    return {}
  }
}
</script>

<style lang="less" scoped>
.btn_box {
  margin-top: .48rem;

  &.empty-bnt {
    .btn {
      color: #4272FF;
      background: transparent;
      border: .02rem solid #4272FF;
    }
  }

  .btn {
    height: .88rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    border: .02rem solid transparent;
    font-size: .32rem;
    border-radius: .44rem !important;
    //background: linear-gradient(90deg, #7B7B7B 0%, #A0A0A0 100%);
    background: linear-gradient(89.95deg, #F8F8E0 0.04%, #F5B975 99.96%) !important;
  }

  .submit {
    background: var(--CObackgroundLinear1);
  }

}
</style>
